{include file="index@public/header" /}
<style type="text/css">
  ::-webkit-scrollbar{
    width:8px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: rgba(0, 0, 0, .2);
  }
  ::-webkit-scrollbar-track-piece{
    border-radius: 10px;
    box-shadow: 0 0 1px rgb(255 255 255 / 50%);
    background-color: #ededed;
  }
  .selzhi{
    color:#36648a;text-decoration:none;font: 12px/14px arial,helvetica,sans-serif;
    display: inline-block;
    width:100%;
    float: left;
  }
  .selall:hover{
    background-color: #36648a;
  }
  .selall:hover a{
    color: #ffffff;
  }
  .sear_tui li{
     float: left;
     border: 1px solid #E4E3E2;
     padding: 5px 8px;
     margin-left: 5px;
     border-radius: 8px;
     cursor: pointer;
     background-color: #E4E3E2;
     display:flex;
     margin-bottom: 5px;
  }
  .sear_tui-no{
  	display:flex;flex-wrap:wrap;justify-content:flex-center;border-top: 2px solid #36648a;min-height: 460px;
  }
  .sear_tui-no .sear_tui-no-zi{
    text-align: center;width: 14.25%;
  }
  .sear_tui-no .sear_tui-no-zi a{
    display:block;border:1px solid #ccc;padding: 0px 10px;margin-bottom: 5px;margin-right: -1px;height: 242px;
  }
  .sear_tui-no .sear_tui-no-zi a img{
  	max-width:122px;height: 122px;margin:26px 0px;
  }
  .sear_tui-no .sear_tui-no-zi a div{
  	text-align: center;
  	color: #36648a;font: 12px/14px arial,helvetica,sans-serif;
  }
  .sear_tui-no .sear_tui-no-zi a:hover{
     border-bottom:2px solid #ccc;border-left:2px solid #ccc;border-right:2px solid #ccc;
  }
  .class-name-img{
  	margin-bottom: 30px;display: table;border-collapse:collapse;
  }
  .class-name-img-tr{
  	display: table-row;
  }
  .class-name-img a{
  	cursor: pointer;width:256px;display: table-cell;border: 1px solid #d8d8d8;border-bottom:2px solid #abb0b6;
  }
  .class-name-img a img{min-height: 50px;max-height: 60px;padding: 5px}
  .class-name-img a span{font: 12px/14px arial,helvetica,sans-serif;margin: 0px 3px;}
  .class-name-img a:hover{
  	z-index: 999;border-top:4px solid #72777d;
  }
  #sear_ci{font-weight: bold;}
  .tijiao{background-color: #FDD702;font-weight: bold;border-radius: 5px;height: 30px;line-height: 30px;padding: 0 10px;}
    .tijiao:hover{opacity: 0.7;}


   
 </style> 
<div  style="height: auto;background:#ffffff;"> 
<?php
$url=$base_data['current_url'];
$lang=config('app.default_lang');
?>
<div style="padding-bottom: 20px;">
	<div style="width:1280px;margin: 10px auto;">
		<?php if(empty($appect['part_number_sear'])){?>
		  <h1 style="padding:30px 0px 15px 0px;font-size: 20px;">{:lang('No results for')} "{$appect['ci']}"</h1>
	    <?php }else{ ?>
	    <h1 style="padding:30px 0px 15px 0px;font-size: 20px;">{:lang('Showing results for')} "{$appect['ci']}"</h1>
	    <?php } ?>
	    <?php if(empty($appect['part_number_sear'])){?>
	    <div style="margin-bottom:10px;">
	    	<div style="background-color: #eee">
                <div style='float:right;width:97%;font: 12px/14px arial,helvetica,sans-serif;'>
                    <p style='color: #333;line-height: 24px;padding: 20px 0px;'>{:lang('Do you have questions regarding our bearings, or do you need more information concerning our products? Get in touch with us today to talk with our experts and learn how we can best benefit you and your business. We generally respond within 24 hours, or typically same day if you’re reaching out during business hours. ')}</p>
                    <div class="layui-form">
                        <style type="text/css">
                            .layui-col-sm4{
                                position: static
                            }
                        </style>

                        <div class="layui-col-sm4" style="padding: 10px 10px">
                            <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">{:lang('Name')}<span style="color:#333;font-size:18px">*</span>:</div>
                            <div class="layui-input-block" style="float:right;width:80%;height:40px">
                                <input type="text" name="name" placeholder="{:lang('Your first name')}" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-col-sm4" style="padding: 10px 10px">
                            <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">{:lang('Company')}:</div>
                            <div class="layui-input-block" style="float:right;width:80%;height:40px">
                                <input type="text" name="company" placeholder="{:lang('Your company name')}" autocomplete="off" class="layui-input" />
                            </div>
                        </div>
                        <div class="layui-col-sm4" style="padding: 10px 10px">
                            <?php if($lang=='en-us'){?>
                            <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">{:lang('Email')}<span style="color:#333;font-size:18px">*</span>:</div>
                            <div class="layui-input-block" style="float:right;width:80%;height:40px">
                                <input type="text" name="email" placeholder="{:lang('Your email address')}" autocomplete="off" class="layui-input" />
                            </div>
                            <?php } ?>
                            <?php if($lang=='zh-cn'){?>
                            <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">{:lang('Email')}:</div>
                            <div class="layui-input-block" style="float:right;width:80%;height:40px">
                                <input type="text" name="email" placeholder="{:lang('Your email address')}" autocomplete="off" class="layui-input" />
                            </div>
                            <?php } ?>
                        </div>
                        <div class="layui-col-sm4" style="padding: 10px 10px">
                            <?php if($lang=='zh-cn'){?>
                            <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">{:lang('Phone')}<span
                                    style="color:#333;font-size:18px">*</span>:</div>
                            <div class="layui-input-block" style="float:right;width:80%;height:40px">
                                <input type="text" name="phone" placeholder="{:lang('Your phone number')}" autocomplete="off"
                                       class="layui-input" />
                            </div>
                            <?php } ?>
                            <?php if($lang=='en-us'){?>
                            <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">{:lang('Phone')}:</div>
                            <div class="layui-input-block" style="float:right;width:80%;height:40px">
                                <input type="text" name="Phone" placeholder="{:lang('Your phone number')}" autocomplete="off" class="layui-input" />
                            </div>
                            <?php } ?>
                        </div>

                        <div class="layui-col-sm4" style="padding: 10px 10px">
                            <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">{:lang('File')}:</div>
                            <div class="layui-input-block layui-input" style="float:right;width:80%;height:40px;line-height:40px">
                                <input type="button" id="miaoshu" value="{:lang('Select File')}" onclick="javascript:$('input[name=\'fileName\']').click();"
                                       style="background-color: #FFFFFF;border: 1px solid #ccc;font-weight: normal;color: #858585;border-radius: 5px;cursor: pointer;padding:2px 5px" class=" text" />
                                <input name="file" placeholder="{:lang('No file are selected')}" readonly onclick="javascript:$('input[name=\'fileName\']').click();" style="width: 60%; border: none;"/>
                                <input type="file" id="fileName" name="fileName" style="display: none;" onchange="javascript:$('input[name=\'file\']').val(value);$('input[name=\'file\']').prop('size',this.value.length+6);" />
                            </div>
                        </div>
                        <div class="layui-col-sm4" style="padding: 10px 10px">
                            <div style="float:left;width:100%;height: 20px;line-height: 20px;color: #333;">{:lang('Accepted file types: gif、jpeg、jpg、png、pdf、txt、doc、xls、xlsx、docx), Max. file size: 2 MB.')}</div>
                        </div>
                        <div class="layui-col-sm8" style="padding: 10px 10px">
                            <div class="phone-comments" style="float:left;width:10%;height: 40px;line-height: 40px;color: #333;">{:lang('Comments')}</div>
                            <div class="layui-input-block phone-comments-input" style="float:right;width:90%;">
                                <textarea name="comments" placeholder="{:lang('Tell us about the type, the size and the amount of bearings you need and our sales engineers will make offers.')}" class="layui-textarea"></textarea>
                            </div>
                        </div>
                        <div class="layui-col-sm4 code-button-box" style="padding: 10px 10px">
                            <!-- 验证码 -->
							<?php if($base_data['is_show_code']==true){?>
                            <div class="layui-form-item" id="code_div">
                            <div class="verification-code">
                                <div style="float:left;width:20%;height: 40px;line-height: 40px;color: #333;">code<span style="color:#EB202B;font-size:18px">*</span>:</div>
                                <input class="verification-code-input layui-input" type="text" name="code" placeholder="{:lang('Verification code')}"/>
                                <div class="verification-code-img">
                                    <img src="{:url('index/index/verify')}" style="margin-top: 10px;width: 50%;" id="code_img" onclick="this.src=this.src.split('?')[0] + '?'+new Date().getTime()" title="{:lang('Click to change one')}" >
                                </div>
                            </div>
                        </div>
							<?php } ?>

                        <div class="layui-col-sm4 code-button" style="padding: 0px 10px">
                            <div class="layui-input-block button" style="float:left;margin-top: 54px">
                                <button id='gform_submit_button_1' class="layui-btn btn tijiao" lay-filter="formDemo"
                                        lay-submit type='button' style="color:black">{:lang('Submit')}</button>
                            </div>
                        </div>

                    </div>


                </div>
            </div>
            <div style="clear:both"></div>
        </div>

	    	<?php if(!empty($appect['tuijian_part_number_search'])){?>
	    	<h2 style="margin-bottom: 5px;margin-top:10px;">{:lang('Related Searches')}</h2>
	    	<div class='sear_tui sear_tui-no'>
	    		{foreach $appect['tuijian_part_number_search'] as $key=>$value }
	    		<?php if($key<7){?>
	    		<div class='sear_tui-no-zi'>
	    			<a href='{:str_replace("https://www.lilybearing.com","",str_replace("https://www.lily-bearing.com","",$value["_source"]["url"]))}'>
	    				<img src="{$value['_source']['img']}">
	    			  <div>{$value['_source']['Part_Number']}</div>
	    			</a>
	    		</div>
	    		<?php } ?>
	    		{/foreach}
	    		<div style="clear:both"></div>
	    	</div>
	    	<?php } ?>
	    </div>
	    <?php } ?>
	     
	     <?php if(!empty($appect['maxclass'])&&count($appect['maxclass'])>1){?>
	     <?php if(count($appect['maxclass'])>5){?>
	     <div style="text-align:right;padding:5px 0px;">
	     	<a href="/sr/catalogue/?q={$appect['ci']}" style="text-decoration: none;">
	     		<span>{:lang('View All Categories Related to Your Search')}</span>
	     		<i class="layui-icon layui-icon-right" style="font-size: 14px; color: #36648a;"></i> 
	     	</a>
	     </div>
	     <?php } ?>
	    	<div class='class-name-img'>
	    		<div class="class-name-img-tr">

	    			{foreach $appect['maxclass'] as $key=>$value }
	    			<?php if($key<5){?>
	    		<?php $maxclass_data=json_decode(base64_decode($value),true);$urlb=del_gclid2($url,'tag');?>
          <?php $urlbefore=explode('&',$url)[0];?>
          <?php if(isset($appect['get']['tag'])&&$appect['get']['tag']==strtolower($maxclass_data['cname'])){ ?>
				  <a href="{$urlbefore}&tag={:strtolower($maxclass_data['cname'])}" style="text-decoration: none;font: 12px/14px arial,helvetica,sans-serif;border-bottom:none;border-top:4px solid #36648a;border-bottom:none;border-left:2px solid #abb0b6;border-right:2px solid #abb0b6;">
				  <?php }else{ ?>
				  <?php if($key==0&&!isset($appect['get']['tag'])){?>
				  <a href="{$urlbefore}&tag={:strtolower($maxclass_data['cname'])}" style="text-decoration: none;font: 12px/14px arial,helvetica,sans-serif;border-bottom:none;border-top:4px solid #36648a;border-bottom:none;border-left:2px solid #abb0b6;border-right:2px solid #abb0b6;">
				  <?php }else{ ?>
				  <a href="{$urlbefore}&tag={:strtolower($maxclass_data['cname'])}" style="text-decoration: none;font: 12px/14px arial,helvetica,sans-serif;">
	    	  <?php } ?>
	    	  <?php } ?>
                    <div style="display:flex;align-items: center;">
	    			
	    			<img src="{$maxclass_data['img']}">
	    	  
	    			<div>{$maxclass_data['cname']}</div>
                    </div>
	    		</a>
	    	<?php } ?>

	    		{/foreach}
	    			
	    		</div>
	    		
	    	</div>
	    	<?php } ?>

	    	
	    	<?php if(!empty($appect['part_number_sear'])){?>

	    	<?php if(!empty($appect['sear_left'])){?>
	    	<?php $sear_left_num=count($appect['sear_left']);$sear_left_num_i=0;foreach ($appect['sear_left'] as $key => $value) { $sear_left_num_i=$sear_left_num_i+count($value); } ?>
	    	<?php if($sear_left_num!=$sear_left_num_i){?>
		   	<div style="float: left;width:248px;width: 248px;float:left;position:sticky;top:66px;position:-webkit-sticky;">
		   		<div style="overflow-x: hidden;overflow-y:auto;height: calc(100vh - 69px);border: 1px solid #E4E3E2;width: 98%;margin-left:1%;border-radius:3px;margin-bottom:5px;background-color: #ededed;">
                    {foreach $appect['sear_left'] as $key=>$value }
                    <?php if(count($value)>1){?>
                     <?php if($key!='Part_arr'){?>
		   			<div style="border-bottom: 1px solid black;padding-bottom:5px;background-color:#EFEFEF;padding-top:5px;padding-left:5px">
			            <div style="padding:5px 0px">
			                <div style="font: 12px/14px arial,helvetica,sans-serif;">{:str_replace('_',' ',$key)}</div>
			            </div>  
			            <div style="background-color: #EFEFEF;padding-top: 5px;">
			                <div style="padding-left:5px">
			                	{foreach $value as $k=>$v }
			                	
				                <div style="width:95%; height:16px;line-height:16px;cursor:pointer;text-align:left;overflow: hidden;" class='selall'>
				                	<?php if(isset($appect['get'][$key])&&$appect['get'][$key]==$v){ $urla=del_gclid2($url,$key);?>
				                  <a href="{$urla}" style="text-decoration: none;font: 12px/14px arial,helvetica,sans-serif;" class='selzhi'>
				                  <?php }else{ ?>
				                  <a href="{$url}&{$key}={$v}" style="text-decoration: none;font: 12px/14px arial,helvetica,sans-serif;" class='selzhi'>
				                  <?php } ?>	
				                  	<?php if(isset($appect['get'][$key])&&$appect['get'][$key]==$v){?>
				                  	<img src="{:Config::get('app.images_host')}/static/img/check_load.gif?format=webp">
				                  	<?php } ?>
				                  	{$v}
				                  </a>
				                </div>

				                {/foreach}
				                <div style="clear:both"></div>
			                </div>
			            </div>
			        </div>
                    <?php } ?>
			        <?php } ?>
			        {/foreach}
		   		</div>
		   	</div>
		   	<?php } ?>
		   	<?php } ?>
		    <?php if(!empty($appect['sear_left'])&&$sear_left_num!=$sear_left_num_i){?>
		   	<div style="float:right;padding-left:10px;width: calc(100% - 260px);">
		   	<?php }else{ ?>
		   	<div style="float:right;padding-left:10px;width: 100%;min-height: 800px;">
		   	<?php } ?>
		   		<?php  $getm=$appect['get']; if(isset($getm['tag'])){unset($getm['tag']);} if(count($getm)>1){?>
		   		<div style="padding:5px 10px">
            <div style="display:inline-block;color:#36648a;cursor:pointer;" onclick="clearall()">{:lang('Clear All')}</div>
            {foreach $getm as $key=>$value }
            <?php if($key!='q'){?>
            <div style="display:inline-block;margin-left:10px;border:1px solid #ccc;padding:0px 5px;border-radius:3px;font: 12px/14px arial,helvetica,sans-serif;">
              <span>{:str_replace('_',' ',$key)}</span> | <span>{$value}</span> <i class="layui-icon layui-icon-close" style="font-size:12px;margin-top:2px;cursor:pointer;" onclick="del_search('{$key}','{$value}')"></i>
            </div>
            <?php } ?>
            {/foreach}
          </div>
          <?php } ?>
		   		
		       {foreach $appect['part_number_sear'] as $key=>$value }
		   		<div style="border:1px solid #E4E3E2;padding:10px 0px;margin-bottom: 10px;min-height: 106px;border-radius:5px;display:flex">
		   			<div style="float: left;padding: 10px;align-self:center">
		   				<?php if(!empty($value['img'])){?>
						<img style="width:100px" src="{$value['img']}">
						<?php }else{ ?>
		   			    <img style="width:100px" src="https://image.lily-bearing.com/blog/blogdefault.png">
		   			    <?php } ?>
		   			</div>
		   			
		   			<div style="float: left;width: calc(100% - 120px);align-self:center">
		   				<h2>
                            <a href="{$value['url']}" style="font-size:16px">{$value['Part_Number']}</a>
                        </h2>
                        <?php 
                            if(isset($value['brand_url'])&&isset($value['brand'])&&!empty($value['brand_url'])&&!empty($value['brand'])){
                                $brand_str=lang('Equivalent to Manufacturer').": ".$value['brand'].", ";
                            }else{
                                $brand_str='';
                            }
                        ?>

		   				<?php if($lang=='en-us'){?>
						<?php $content_str=''; $standard_reference_str=''; foreach ($value['Content'] as $ck => $cv) {
			                $cvdata=explode(' || ',$cv);
                            if($cvdata[0]!='Part_arr'&&$cvdata[0]!='Standard Reference'){
                                $content_str.=$cvdata[0].": ".$cvdata[1].", ";
                            }
                            if($cvdata[0]=='Standard Reference'){
                                $standard_reference_str=lang('Standard Reference').": ".$cvdata[1].", ";
                            }
						}?>
						<div style="color: #333;font: 12px/14px arial,helvetica,sans-serif;padding: 5px 0px;line-height: 16px;">
		   					{$brand_str}{$standard_reference_str}{:str_replace($appect['ci'],'<span style="color:#5f6368;font-weight:bold;font-size:14px">'.$appect['ci'].'</span>',rtrim($content_str,' , '))}
		   				</div>
		   				<div>
		   					<?php if(!empty($value['Tag_url'])){ $tag=json_decode(base64_decode($value['Tag_url']),true);?>
							<span style="padding-right: 5px"><a href="{:end($tag)}" style="font-style:italic;">{:str_replace($appect['ci'],'<span style="color:#5f6368;font-weight:bold;font-size:14px">'.$appect['ci'].'</span>',key($tag))}</a></span>
							<?php } ?>
		   				</div>

						<?php }else{ ?>
		   				<?php $content_str=''; $standard_reference_str=''; foreach ($value['Content_zh'] as $ck => $cv) {
			                $cvdata=explode(' || ',$cv);
			                if($cvdata[0]!='Part_arr'&&$cvdata[0]!='Standard Reference'){
                                $content_str.=$cvdata[0].": ".$cvdata[1].", ";
                            }
                            if($cvdata[0]=='Standard Reference'){
                                $standard_reference_str=lang('Standard Reference').": ".$cvdata[1].", ";
                            }
						}?>
						<div style="color: #333;font: 12px/14px arial,helvetica,sans-serif;padding: 5px 0px;line-height: 16px;">
		   					{$brand_str}{$standard_reference_str}{:str_replace($appect['ci'],'<span style="color:#5f6368;font-weight:bold;font-size:14px">'.$appect['ci'].'</span>',rtrim($content_str,' , '))}
		   				</div>
						<?php if(!empty($value['Tag_url'])){ $tag=json_decode(base64_decode($value['Tag_zh_url']),true); ?>
						<span style="padding-right: 5px"><a href="{:end($tag)}" style="font-style:italic;">{:str_replace($appect['ci'],'<span style="color:#5f6368;font-weight:bold;font-size:14px">'.$appect['ci'].'</span>',key($tag))}</a></span>
						<?php } ?>
						<?php } ?>
		   			</div> 	
		   			<div style="clear:both"></div>
		   		</div>
		   		{/foreach}
		        
		   	</div>
		   	<div style="clear:both"></div>

		   	<?php } ?>
		   </div>
		
	</div>
</div>	
	
</div>
{include file="index@public/footer" /}
<script type="text/javascript">
	function clearall() {
    layer.load(1, {
      shade: [0.1, '#fff'],
      success: function() {
        setTimeout(function() {
          var url = window.location.href; //获取当前页面的url
          if (url.indexOf("&") != -1) { //判断是否存在参数
            url = url.replace(/(\&|#)[^'"]*/, ''); //去除参数
          }
          window.location.href = url;
        }, 1000);
      }
  });
}
function del_search($k, $v) {
    
    var url = window.location.href; //获取当前页面的url
    let arrUrl = [];
    let changUrl = ''
    if (url.indexOf("?") != -1) { //判断是否存在参数
      arrUrl = url.split('?')[1].split('&')
      //获取参数转换为object
      for (var i = 0; i < arrUrl.length; i++) {
        arrUrl[i] = arrUrl[i].split("=");
      };
      for (var i = 0; i < arrUrl.length; i++) {
        if(arrUrl[i][0]==encodeURI($k)){
                    arrUrl.splice(i,1);
        }
      }
      if(arrUrl.length == 0){
        url = url.split('?')[0];
      }else{
        for (var i = 0; i < arrUrl.length; i++) {
          changUrl+=arrUrl[i][0]+'='+arrUrl[i][1]+'&';
        }

        url=url.split('?')[0]+'?'+changUrl.slice(0, changUrl.length - 1);
      }
      window.location.href=url;
    }
  }
</script>

<script type="text/javascript">
layui.use('form', function(){
  var form = layui.form;

  form.on('submit(formDemo)', function(data){
    var index = layer.load(1, { shade: [0.1,'#fff'] });
    var fileName=document.getElementById('fileName').files[0];
    var name=$.trim($("input[name='name']").val());
    var company=$.trim($("input[name='company']").val());
    var email=$.trim($("input[name='email']").val());
    var phone=$.trim($("input[name='phone']").val());
    var code = $.trim($("input[name='code']").val());
    var comments=$.trim($("textarea[name='comments']").val());
    var Product_Number='';

    var lasturl=<?php if(isset($_SERVER['HTTP_REFERER'])){ echo "'".$_SERVER['HTTP_REFERER']."'";}else{echo "'"."'";}?>;/*上一个页面的url 不能在ajax里面书写这样就多了一层页面关系*/
    var nowurl=window.location.href;/*当前页面url*/

    var formData = new FormData();
      if(fileName!=undefined){
        formData.append('file', fileName);
      }
        formData.append('name', name);
        formData.append('company', company);
        formData.append('email', email);
        formData.append('phone', phone);
        formData.append('comments', comments);
        formData.append('lasturl', lasturl);
        formData.append('nowurl', nowurl);
        formData.append('code', code);
        formData.append('Product_Number', Product_Number);

    $.ajax({
        url: "{:url('index/Index/send_inquiry')}",/*传向后台服务器文件*/
        type: 'POST',    /*传递方法 */
        data: formData,  /*要带的值，在这里只能带一个formdata ，不可以增加其他*/
        dataType: 'json',  //传递数据的格式
        async: true, //这是重要的一步，防止重复提交的
        cache: false,  //设置为false，上传文件不需要缓存。
        contentType: false,//设置为false,因为是构造的FormData对象,所以这里设置为false。
        processData: false,//设置为false,因为data值是FormData对象，不需要对数据做处理。

        success: function (res){
          if(res.status==1){
            layer.closeAll('loading');
            $(".layui-form input").each(function(){
              $(this).val('');
            }) 
            layer.msg(res.msg,{time:2000,icon: 1},function(){
              location.href="/thank-you/";
            });
            return false;
          }else{
            layer.msg(res.msg,{time:2000,icon: 5});
            layer.closeAll('loading');
            return false;
          }
        }
    });
 
    return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
  });
})
var sear_ci=$('#sear_ci').html();
$("#sear").val(sear_ci);
$("#layui-icon-close").css('display','inline');

</script>